This project provides a Vue.js component that renders a hierarchical tree view with support for checkboxes. Users can select multiple items using the checkboxes, and parent checkboxes can be used to select or deselect all items in a branch.

Clone the repository and install the required dependencies:

The component consists of three parts: TreeView, TreeItem, and a demo page that shows how to use the component.

The TreeView component receives an array of items and maps them to TreeItem components, passing each item as a prop. The TreeItem component displays the item's label, a checkbox, and its children, if any.

When the checkbox is clicked, the TreeItem component updates the item's checked property and emits a child-checked event to the parent TreeView component. The TreeView component listens for this event and updates the parent checkbox state accordingly.

The TreeView component also provides a function to update the parent checkbox state when a child checkbox is selected or deselected, and a function to recursively search the tree for nodes to select or deselect.

To start the development server: